<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <title>
        机械师MACHENIKE官网-机械师笔记本,机械师游戏本,机械师台式机,游戏本,笔记本电脑,M7鼠标,K7键盘
    </title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/home.css}" />
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/home.js}"></script>
    <script type="text/javascript" th:src="@{/js/机械师11.js}"></script>

    <style>
        * {margin:0;padding:0;}
        ul {list-style:none;}

        .wrap {width:330px;height:485px;position:relative;overflow:hidden;float:left;margin: -350px 0px 0px 900px;}
        .slidebox {width:300px;position:absolute;top:0;left:0;height:300px;}
        .slidebox li {float:left;width:290px;height:120px;left:0;top:0;border: 1px #D0E0F1 solid;margin: 0px 0px 0px -10px;}
        .slidebox li img {display:block;width:120px;height:117px;margin: 3px 0px 0px 0px;}
        /*.dot {position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.3);text-align:right;bottom:0;left:0;}*/
        .dot {position:absolute;width:100%;height:30px;text-align:right;bottom:0;left:0;}
        .dot p {margin-right:10px;}
        .dot b {width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
        .dot .cur {background:#F63;color:#fff;border:1px solid #f63;}
    </style>

    <script type="text/javascript">
        $(function(){

            //affect:1
            $(".af1").slide({
                affect:1,
                time:3000,
                speed:400,
                dot_text:false,
            });
            $(".afs").slide({
                affect:1,
                time:3000,
                speed:400,
                dot_text:false,
            });
            $(".afs1").slide({
                affect:1,
                time:3000,
                speed:400,
                dot_text:false,
            });

            //affect:2
            $(".af2").slide({
                affect:2,
                time:3000,
                speed:400,
            });



            //affect:4
            $(".af4").slide({
                affect:4,
                time:3000,
                speed:400,
            });
        })
    </script>
    <script>

        function zhangh(){
            alert(1212)
            var arr = [1,2,3,4,5];
            function getNumNoRepeat() {
                var maxTimes = 20;
                do{
                    var num = Math.floor(Math.random()*10)+1;
                    if(-1 == arr.indexOf(num)){//数组中不存在
                        arr.push(num);
                        return num;
                    }
                    maxTimes--;
                }while (maxTimes);
            }
            console.log(getNumNoRepeat());
            var st=getNumNoRepeat()
            alert(st)

            var stu={"username":st};
            $.ajax({

                url:'/zcaen',
                type:'post',
                method:"post",
                contentType:'application/json',
                data:JSON.stringify(stu),
                success:function (data) {
alert(data)
                                window.location.href= "http://localhost:9090/zhanhao12";


                }

            });


        }

    </script>
    <script>
        $(function() {
            $('#zcqwww').click(function() {
                alert(1212)
                // var arr = [1,2,3,4,5];
                // function getNumNoRepeat() {
                //     var maxTimes = 20;
                //     do{
                //         var num = Math.floor(Math.random()*10)+1;
                //         if(-1 == arr.indexOf(num)){//数组中不存在
                //             arr.push(num);
                //             return num;
                //         }
                //         maxTimes--;
                //     }while (maxTimes);
                // }
                // console.log(getNumNoRepeat());
                // var st=getNumNoRepeat()
                // alert(st)
                //
                //     var stu={"username":st};
                //     $.ajax({
                //
                //         url:'/zcaen',
                //         type:'post',
                //         method:"post",
                //         contentType:'application/json',
                //         data:JSON.stringify(stu),
                //         success:function (data) {
                //             alert(data)
                //             window.location.href= "http://localhost:9090/zhanhao12";
                //
                //
                //         }
                //     });
            });


        })

    </script>
</head>
<body>
<div id="app">
    <!-- header -->
    <div>
        <header>
            <div class="site-topbar">
                <div class="container">
                    <div class="topbar-nav">
                        <a rel="nofollow" href="#">联系我们</a>
                        <span class="sep">|</span>
                        <a th:each="h,v: ${ints1}" th:if="${ints1==1}" rel="nofollow"  target="_blank">个人中心</a>
                        <a th:each="h,v: ${ints1}" th:if="${ints1!=1}" rel="nofollow" th:href="@{'/fen5/?id='+${h.getId()}}" target="_blank">个人中心</a>

                        <span class="sep">|</span>

                        <a rel="nofollow" href="#" target="_blank">我的订单</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">笔记本电脑</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">笔记本</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">游戏本</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">关注商城</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">ENGLISH</a>


                    </div>
                    <div class="topbar-cart">
                        <!-- <div class="topbar-cart topbar-cart-active"> -->
                        <a rel="nofollow" href="#" class="cart-mini">
                            <em class="iconfont-cart"></em>
                            <em class="iconfont-cart-full hide"></em>购物车
                            <span class="cart-mini-num J_cartNum">（0）</span>
                        </a>
                        <div id="J_miniCartMenu" class="cart-menu " style="height: 0;">
                            <!-- <div id="J_miniCartMenu" class="cart-menu " style="height: 100px;"> -->
                            <div class="menu-content">
                                <div class="loading hide">
                                    <div class="loader">

                                    </div>
                                </div>
                                <ul id="J_miniCartList" class="cart-list hide"></ul>
                                <div id="J_miniCartListTotal" class="cart-total clearfix hide">

                                </div>
                                <div class="msg msg-error hide">
                                </div>
                                <div class="msg msg-empty">购物车中还没有商品，赶紧选购吧！</div>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-info">
                        <a th:each="h,v:${ints1}" th:if="${h==1}" rel="nofollow" th:href="@{enroll2.html}" class="link">登录</a>
                        <a th:each="h,v:${ints1}" th:if="${h!=1}" rel="nofollow" href="javascript:void(0);" th:text="${h.getYhusername()}" class="link">登入</a>
                        <span class="sep">|</span>
                        <a id="zcqwww"   onclick="zhangh()" class="link">注册</a>
                        <span class="sep">|</span><span class="message">
									<a rel="nofollow" href="javascript:void(0);" class="J_needAgreement">消息通知
										<i class="J_miMessageTotal"></i>
									</a>
								</span>
                    </div>
                </div>
            </div>
            <div class="site-header">
                <div class="container">
                    <div class="header-logo" style="">
                        <img  style="border-radius:30px;width: 200px; height:40px;float: left;margin: 10px 0px 0px 20px;" src="img/JiXeiShu/jxs.png">
                        <!--<a href="assets/static/image/logo-mi2.png" title="小米官网" class="logo ir">小米官网</a>-->
                    </div>
                    <div class="header-nav">
                        <ul class="nav-list J_navMainList clearfix">
                            <li class="nav-category">
                                <a href="#" class="link-category">
                                    <span class="text">全部商品分类</span>
                                </a>
                                <div class="site-category" style="display: block;">
                                    <ul class="site-category-list clearfix site-category-list-custom">




                                        <li class="category-item">
                                            <!--   <li class="category-item category-item-active"> -->
                                            <a href="javascript:void(0);" class="title">
                                              游戏笔记本
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20" height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>



                                                </ul>

                                            </div>
                                        </li>



                                        <li class="category-item">
                                            <a href="javascript:void(0);" class="title">
                                                创意设计本
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                          height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </li>



                                        <li class="category-item">
                                            <a href="javascript:void(0);" class="title">
                                                电竞主机
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                          height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </li>




                                        <li class="category-item">
                                            <a href="javascript:void(0);" class="title">
                                               设计主机
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                          height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </li>


                                        <li class="category-item">
                                            <a href="javascript:void(0);" class="title">
                                              电竞显示器
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                          height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </li>



                                        <li class="category-item">
                                            <a href="javascript:void(0);" class="title">
                                              智潮外设
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                          height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </li>


                                        <li class="category-item">
                                            <a href="javascript:void(0);" class="title">
                                               电竞健康
                                                <em class="iconfont-arrow-right-big"></em>
                                            </a>
                                            <div class="children clearfix children-col-4"
                                                 style="display: none;">
                                                <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                                <ul class="children-list children-list-col children-list-col-1">
                                                    <li>
                                                        <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                            <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                            <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                                <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                    <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                          height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                                <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                    <img src="img/home/shoji01.png" width="20"
                                                                         height="20" alt="" class="thumb">
                                                                    <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                                </a>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </li>



                                        <li class="category-item">
                                        <a href="javascript:void(0);" class="title">
                                            品牌日专享
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                        <div class="children clearfix children-col-4"
                                             style="display: none;">
                                            <!-- <div class="children clearfix children-col-4" style="display: block;"> -->
                                            <ul class="children-list children-list-col children-list-col-1">
                                                <li>
                                                    <a style="width: 990px;float: left" href="#" class="link clearfix">
                                                        <span class="text" style="width: 100%;height: 30px;float: left;">PX780  ></span>
                                                        <div style="width: 990px;height:50px;margin: 0px 0px 0px 20px; float: left">
                                                            <a href="#" style="float: left;text-align: center;width:170px;margin-top: -50px" class="link clearfix">
                                                                <img src="img/home/shoji01.png" width="20"
                                                                     height="20" alt="" class="thumb">
                                                                <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                            <a href="#" style="float: left;width:170px;text-align: center;margin-top: -50px " class="link clearfix">
                                                                <img  style="float: left;"  src="img/home/shoji01.png" width="20"
                                                                      height="20" alt="" class="thumb">
                                                                <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                            <a href="#" style="float: left;width:170px; text-align: center;margin-top: -50px" class="link clearfix">
                                                                <img src="img/home/shoji01.png" width="20"
                                                                     height="20" alt="" class="thumb">
                                                                <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span> </a>
                                                            <a href="#" style="float: left;width:170px;text-align: center; margin-top: -50px" class="link clearfix">
                                                                <img src="img/home/shoji01.png" width="20"
                                                                     height="20" alt="" class="thumb">
                                                                <span class="text" style="margin: 10px 0px 0px -100px;float: left">Xiaomi Civi</span>
                                                            </a>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>

                                        </div>
                                    </li>



                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <!-- <li class="nav-item nav-item-active"> -->
                                <a th:each="h,v: ${ints1}" th:if="${h==1}"  class="link">
                                    <span class="text">首页</span>
                                </a>
                                <a th:each="h,v: ${ints1}" th:if="${h!=1}"  th:href="@{'/fen6?id='+${h.getId()}}" class="link">
                                    <span class="text">首页</span>
                                </a>

                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">笔记本</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul   class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==1&&v.count==1}">

                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a t th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==1&&v.count!=1}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=1}" style="display: none">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">轻薄本</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==2&&v.count==7}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==2&&v.count!=7}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=2}" style="display: none">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </li>

                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">电竞主机</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==3&&v.count==13}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==3&&v.count!=13}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=3}" style="display: none">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">显示器</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">智潮外设</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==4&&v.count==19}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==4&&v.count!=19}">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=4}" style="display: none">
                                                <a  th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                                <a  th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank" >
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">品牌介绍</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">机油宝典</span>
                                </a>
                            </li>

                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">售后查询</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="header-search">
                        <form id="J_searchForm" action="#" method="get" class="search-form clearfix">
                            <label for="search" class="hide">站内搜索</label>
                            <a class="no-style-msq">
                                <input type="search" id="search" name="keyword" class="search-text"
                                       placeholder="机械师">
                            </a>
                            <a id="J_submitBtn" class="no-style-msq">
                                <input type="submit" value="&#xe616;" class="search-btn iconfont">
                            </a>
                        </form>
                    </div>
                </div>

                <div class="header-nav-menu slide-up" style="display: none;">
                    <div class="container">
                        <ul class="children-list clearfix">
                            <li class="first">
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi Civi" width="160"
                                             height="110">
                                    </div>
                                    <div class="title">Xiaomi Civi</div>
                                    <p class="price">2599元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
                                             height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
                                             height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
                                             height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4312312321</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
                                             height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
                                             height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
    </div>
    <!-- home -->
    <div class="home-hero-container container">
        <div class="home-hero">
            <!-- 轮播图 -->
            <div
                    class="swiper-container home-hero-swiper swiper-no-swiping swiper-container-fade swiper-container-initialized swiper-container-horizontal">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#" target="_blank">
                            <img alt="" class="swiper-lazy swiper-lazy-loaded" src="img/JiXeiShu/2021102105363374882.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#" target="_blank">
                            <img alt="" class="swiper-lazy swiper-lazy-loaded" src="img/JiXeiShu/2019121109283182198.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#" target="_blank">
                            <img alt="" class="swiper-lazy swiper-lazy-loaded" src="img/JiXeiShu/2021051909280975190.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#" target="_blank">
                            <img alt="" class="swiper-lazy swiper-lazy-loaded" src="img/JiXeiShu/2021110309305475227.jpg">
                        </a>
                    </div>

                </div>
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                    <a class="swiper-pagination-bullet swiper-pagination-bullet-active"></a>
                    <a class="swiper-pagination-bullet"></a>
                    <a class="swiper-pagination-bullet"></a>
                    <a class="swiper-pagination-bullet"></a>
                    <!--<a class="swiper-pagination-bullet"></a>-->
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <span class="swiper-notification"></span>
            </div>
            <div class="home-hero-sub row">

                <div class="span161" style="width: 1226px;margin: 0px 0px 0px 15px;">
                    <ul class="home-promo-list clearfix">
                        <li class=" first ">
                            <a target="_blank" href="#">
                                <img src="img/JiXeiShu/2019101005454796496.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="#">
                                <img src="img/JiXeiShu/2021031310420219315.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="#">
                                <img src="img/JiXeiShu/2019081309584236327.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="#">
                                <img src="img/JiXeiShu/2019081309584484146.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- page-main -->
    <div class="page-main home-main">
        <div class="container">
            <div class="home-banner-box">
                <a href="#" target="_blank">
                    <img alt="test" width="1226" height="120" src="img/JiXeiShu/2021031310512557022.jpg" lazy="loaded">
                </a>
            </div>

            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd">
                    <h1 style="text-align:center;">热销装备推荐</h1>
                        <h2 style="text-align:center;" class="title">—机在手 超神跟你走 —</h2>

                </div>
                <div class="box-bd clearfix">
                    <div class="row">

                        <div class="span16">
                            <ul class="brick-list clearfix">

                                <li th:each="h,v: ${int1}" th:if="${h.spid==5}" class="brick-item brick-item-m brick-item-m-2">
                                    <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                        <div class="figure figure-img">
                                            <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"

                                                 width="220" height="220"
                                                >
                                        </div>
                                        <h3 class="title" style="color: crimson">
                                            新品
                                        </h3>
                                        <p class="desc" style="color: black" th:text="${h.name}"></p>
                                        <p class="price">
                                            <span class="num" th:text="${h.price}">¥6799</span>元<span>起</span>
                                        </p>
                                        <p style="color:#cecece;text-align: center">
                                            <span  th:text="${h.xinghaoname}"></span>
                                        </p>
                                    </a>
                                </li>
                                <li th:each="h,v: ${int1}" th:if="${h.spid!=5}" style="display: none" >
                                    <a th:each="htu,v:${ints1}" th:if="${htu==1}"  target="_blank">
                                        <div class="figure figure-img">
                                            <img width="220" height="220" alt="黑鲨4S"
                                                 src="img/JiXeiShu/2021051111070615182_SMALL.jpg">
                                        </div>
                                        <h3 class="title" style="color: crimson">
                                            新品
                                        </h3>
                                        <p class="desc" style="color: black">机械师F117-7 11代新品金属游戏本</p>
                                        <p class="price">
                                            <span class="num">¥6799</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>




<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li class="brick-item brick-item-m brick-item-m-2">-->
<!--                                    <a href="#" target="_blank">-->
<!--                                        <div class="figure figure-img">-->
<!--                                            <img width="160" height="160" alt="黑鲨4S"-->
<!--                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">-->
<!--                                        </div>-->
<!--                                        <h3 class="title">-->
<!--                                            新品-->
<!--                                        </h3>-->
<!--                                        <p class="desc">机械师F117-7 11代新品金属游戏本</p>-->
<!--                                        <p class="price">-->
<!--                                            <span class="num">¥6799</span>元<span>起</span>-->
<!--                                        </p>-->
<!--                                    </a>-->
<!--                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="home-brick-box home-brick-row-2-box xm-plain-box">

                <div class="box-bd">
                    <div class="row">

                        <div class="span16">
                            <div>

                            </div>
                        </div>
                    </div>
                </div>
                <div style="margin: -10px 0px 0px 0px;width: 1226px;float: left;">
                    <div class="home-banner-box">
                        <a href="#" target="_blank">
                            <img alt="test" width="1226" height="120" src="img/JiXeiShu/2020061009120497941.jpg" lazy="loaded">
                        </a>
                    </div></div>
                <div class="span16">
                    <div>
                        <ul class="brick-list clearfix">
                            <div>
                                <li style="width: 250px;height: 500px" class="brick-item brick-item-m brick-item-m-2">
                                                                  <a href="#" target="_blank">
                                                                    <div class="figure figure-img">
                                                                     <img width="160" height="160" alt="黑鲨4S"
                                                                          src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                                 </div>
                                                                <h3 class="title">
                                                                     新品
                                                                   </h3>
                                                                      <p class="desc">机械师F117-7 11代新品金属游戏本12123123</p>
                                                               <p class="price">
                                                                     <span class="num">¥6799</span>元<span>起</span>
                                                                 </p>
                                                             </a>
                                                           </li>


                                <li  style="width: 200px;" class="brick-item brick-item-m brick-item-m-2" th:each="h,v: ${int1}"th:if="${h.spid==6}">
                                    <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                        <div  class="figure figure-img">
                                            <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"

                                                    style="width: 190px;" width="100" height="100"
                                                >
                                        </div>
                                        <h3 class="title">
                                            新品
                                        </h3>
                                        <p class="desc"th:text="${h.name}" ></p>
                                        <p class="price">
                                            <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2" style="display: none" th:each="h,v: ${int1}"th:if="${h.spid!=6}">
                                    <a href="#" target="_blank">
                                        <div class="figure figure-img">
                                            <img width="160" height="160" alt="黑鲨4S"
                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                        </div>
                                        <h3 class="title">
                                            新品
                                        </h3>
                                        <p class="desc"th:text="${h.name}" ></p>
                                        <p class="price">
                                            <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>



                            <div >





                                <div style="width: 300px;height: 150px;float: left;margin: -515px 0px 0px 920px;background-color: #DAE0E5;">
                                    <h1 style="font-size: 30px;text-align:center;margin-top: 40px;">热门推荐</h1>
                                </div>

                                <div class="wrap af1" >
                                    <ul class="slidebox" >
                                        <li>
                                            <a href="#">
                                                <img src="img/JiXeiShu/2019081309584236327.jpg" />
                                            </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="img/JiXeiShu/2019121109283182198.jpg" />

                                            </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>
                                        </li>
                                        <li><a href="#"><img src="img/JiXeiShu/2020080309401367570_SMALL.jpg" />

                                        </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>



                                        </li>
                                        <li><a href="#"><img src="img/JiXeiShu/2020101511201436774_SMALL.jpg" />

                                        </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div></li>
                                        <li><a href="#"><img src="img/JiXeiShu/2019081309584236327.jpg" />
                                        </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 30px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>
                                        </li>
                                        <li><a href="#"><img src="img/JiXeiShu/2019121109283182198.jpg" />
                                        </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>
                                        </li>
                                        <li><a href="#"><img src="img/JiXeiShu/2020080309401367570_SMALL.jpg" />

                                        </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>
                                        </li>
                                        <li><a href="#"><img src="img/JiXeiShu/2020101511201436774_SMALL.jpg" />
                                        </a>
                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                                <div style="width: 293px;height: 150px;float: left;margin: 0px 0px 0px 930px;background-color: #DAE0E5;color: #CC830D;">
                                    <h1 style="font-size: 30px;text-align:center;margin-top: 40px;">更多</h1>
                                </div>



                            </div>


                            <div style="margin: -450px 0px 0px 0px;float: left;width: 1200px;">
                                <div>
                                    <li style="width: 250px;height: 300px;margin-top:155px" class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#" target="_blank">
                                            <div class="figure figure-img">
                                                <img width="160" height="160" alt="黑鲨4S"
                                                     src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                            </div>
                                            <h3 class="title">
                                                新品
                                            </h3>
                                            <p class="desc">机械师F117-7 11代新品金属游戏本12123123</p>
                                            <p class="price">
                                                <span class="num">¥6799</span>元<span>起</span>
                                            </p>
                                        </a>
                                    </li>


                                    <li  style="width: 200px;margin-top:55px" class="brick-item brick-item-m brick-item-m-2" th:each="h,v: ${int1}"th:if="${h.spid==7}">
                                        <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                            <div  class="figure figure-img">
                                                <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}" style="width: 190px;" width="100" height="100"
                                                    >
                                            </div>
                                            <h3 class="title">
                                                新品
                                            </h3>
                                            <p class="desc"th:text="${h.name}" ></p>
                                            <p class="price">
                                                <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <li class="brick-item brick-item-m brick-item-m-2" style="display: none" th:each="h,v: ${int1}"th:if="${h.spid!=7}">
                                        <a href="#" target="_blank">
                                            <div class="figure figure-img">
                                                <img width="160" height="160" alt="黑鲨4S"
                                                     src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                            </div>
                                            <h3 class="title">
                                                新品
                                            </h3>
                                            <p class="desc"th:text="${h.name}" ></p>
                                            <p class="price">
                                                <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                            </p>
                                        </a>
                                    </li>

                                </div>


                            </div>



                            <div style="float: left;">
                                <div class="home-banner-box">
                                    <a href="#" target="_blank">
                                        <img alt="test" width="1226" height="120" src="img/JiXeiShu/2020061009120497941.jpg" lazy="loaded">
                                    </a>
                                </div>
                                <div class="span16">
                                    <div>
                                        <ul class="brick-list clearfix">
                                            <div>
                                                <li style="width: 250px;height: 500px" class="brick-item brick-item-m brick-item-m-2">
                                                    <a href="#" target="_blank">
                                                        <div class="figure figure-img">
                                                            <img width="160" height="160" alt="黑鲨4S"
                                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                        </div>
                                                        <h3 class="title">
                                                            新品
                                                        </h3>
                                                        <p class="desc">机械师F117-7 11代新品金属游戏本12123123</p>
                                                        <p class="price">
                                                            <span class="num">¥6799</span>元<span>起</span>
                                                        </p>
                                                    </a>
                                                </li>


                                                <li  style="width: 200px;" class="brick-item brick-item-m brick-item-m-2" th:each="h,v: ${int1}"th:if="${h.spid==8}">
                                                    <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                                        <div  class="figure figure-img">
                                                            <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}" style="width: 190px;" width="100" height="100"
                                                                 >
                                                        </div>
                                                        <h3 class="title">
                                                            新品
                                                        </h3>
                                                        <p class="desc"th:text="${h.name}" ></p>
                                                        <p class="price">
                                                            <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li class="brick-item brick-item-m brick-item-m-2" style="display: none" th:each="h,v: ${int1}"th:if="${h.spid!=8}">
                                                    <a href="#" target="_blank">
                                                        <div class="figure figure-img">
                                                            <img width="160" height="160" alt="黑鲨4S"
                                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                        </div>
                                                        <h3 class="title">
                                                            新品
                                                        </h3>
                                                        <p class="desc"th:text="${h.name}" ></p>
                                                        <p class="price">
                                                            <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                        </p>
                                                    </a>
                                                </li>

                                            </div>



                                            <div>




                                                <div style="width: 300px;height: 150px;float: left;margin: -515px 0px 0px 920px;background-color: #DAE0E5;">
                                                    <h1 style="font-size: 30px;text-align:center;margin-top: 40px;">热门推荐</h1>
                                                </div>

                                                <div class="wrap afs">
                                                    <ul class="slidebox" >
                                                        <li>
                                                            <a href="#">
                                                                <img src="img/JiXeiShu/2019081309584236327.jpg" />
                                                            </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <a href="#">
                                                                <img src="img/JiXeiShu/2019121109283182198.jpg" />

                                                            </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>
                                                        </li>
                                                        <li><a href="#"><img src="img/JiXeiShu/2020080309401367570_SMALL.jpg" />

                                                        </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>



                                                        </li>
                                                        <li><a href="#"><img src="img/JiXeiShu/2020101511201436774_SMALL.jpg" />

                                                        </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div></li>
                                                        <li><a href="#"><img src="img/JiXeiShu/2019081309584236327.jpg" />
                                                        </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 30px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>
                                                        </li>
                                                        <li><a href="#"><img src="img/JiXeiShu/2019121109283182198.jpg" />
                                                        </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>
                                                        </li>
                                                        <li><a href="#"><img src="img/JiXeiShu/2020080309401367570_SMALL.jpg" />

                                                        </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>
                                                        </li>
                                                        <li><a href="#"><img src="img/JiXeiShu/2020101511201436774_SMALL.jpg" />
                                                        </a>
                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                            </div>
                                                        </li>

                                                    </ul>
                                                </div>
                                                <div style="width: 293px;height: 150px;float: left;margin: 0px 0px 0px 930px;background-color: #DAE0E5;color: #CC830D;">
                                                    <h1 style="font-size: 30px;text-align:center;margin-top: 40px;">更多</h1>
                                                </div>



                                            </div>


                                            <div style="margin: -450px 0px 0px 0px;float: left;width: 1200px;">
                                                <div>
                                                    <li style="width: 250px;height: 300px;margin-top:155px" class="brick-item brick-item-m brick-item-m-2">
                                                        <a href="#" target="_blank">
                                                            <div class="figure figure-img">
                                                                <img width="160" height="160" alt="黑鲨4S"
                                                                     src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                            </div>
                                                            <h3 class="title">
                                                                新品
                                                            </h3>
                                                            <p class="desc">机械师F117-7 11代新品金属游戏本12123123</p>
                                                            <p class="price">
                                                                <span class="num">¥6799</span>元<span>起</span>
                                                            </p>
                                                        </a>
                                                    </li>


                                                    <li  style="width: 200px;margin-top:55px" class="brick-item brick-item-m brick-item-m-2" th:each="h,v: ${int1}"th:if="${h.spid==9}">
                                                        <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                                            <div  class="figure figure-img">
                                                                <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}" style="width: 190px;" width="100" height="100"
                                                                    >
                                                            </div>
                                                            <h3 class="title">
                                                                新品
                                                            </h3>
                                                            <p class="desc"th:text="${h.name}" ></p>
                                                            <p class="price">
                                                                <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                            </p>
                                                        </a>
                                                    </li>
                                                    <li class="brick-item brick-item-m brick-item-m-2" style="display: none" th:each="h,v: ${int1}"th:if="${h.spid!=9}">
                                                        <a href="#" target="_blank">
                                                            <div class="figure figure-img">
                                                                <img width="160" height="160" alt="黑鲨4S"
                                                                     src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                            </div>
                                                            <h3 class="title">
                                                                新品
                                                            </h3>
                                                            <p class="desc"th:text="${h.name}" ></p>
                                                            <p class="price">
                                                                <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                            </p>
                                                        </a>
                                                    </li>

                                                </div>


                                            </div>



                                            <div style="float: left;">
                                                <div class="home-banner-box">
                                                    <a href="#" target="_blank">
                                                        <img alt="test" width="1226" height="120" src="img/JiXeiShu/2020061009120497941.jpg" lazy="loaded">
                                                    </a>
                                                </div>





                                                <div class="span16">
                                                    <div>
                                                        <ul class="brick-list clearfix">
                                                            <div>
                                                                <li style="width: 250px;height: 500px" class="brick-item brick-item-m brick-item-m-2">
                                                                    <a href="#" target="_blank">
                                                                        <div class="figure figure-img">
                                                                            <img width="160" height="160" alt="黑鲨4S"
                                                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                                        </div>
                                                                        <h3 class="title">
                                                                            新品
                                                                        </h3>
                                                                        <p class="desc">机械师F117-7 11代新品金属游戏本12123123</p>
                                                                        <p class="price">
                                                                            <span class="num">¥6799</span>元<span>起</span>
                                                                        </p>
                                                                    </a>
                                                                </li>


                                                                <li  style="width: 200px;" class="brick-item brick-item-m brick-item-m-2" th:each="h,v: ${int1}"th:if="${h.spid==10}">
                                                                    <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                                                        <div  class="figure figure-img">
                                                                            <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}" style="width: 190px;" width="100" height="100"
                                                                                >
                                                                        </div>
                                                                        <h3 class="title">
                                                                            新品
                                                                        </h3>
                                                                        <p class="desc"th:text="${h.name}" ></p>
                                                                        <p class="price">
                                                                            <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                                        </p>
                                                                    </a>
                                                                </li>
                                                                <li class="brick-item brick-item-m brick-item-m-2" style="display: none" th:each="h,v: ${int1}"th:if="${h.spid!=10}">
                                                                    <a href="#" target="_blank">
                                                                        <div class="figure figure-img">
                                                                            <img width="160" height="160" alt="黑鲨4S"
                                                                                 src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                                        </div>
                                                                        <h3 class="title">
                                                                            新品
                                                                        </h3>
                                                                        <p class="desc"th:text="${h.name}" ></p>
                                                                        <p class="price">
                                                                            <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                                        </p>
                                                                    </a>
                                                                </li>

                                                            </div>


                                                            <div>





                                                                <div style="width: 300px;height: 150px;float: left;margin: -515px 0px 0px 920px;background-color: #DAE0E5;">
                                                                    <h1 style="font-size: 30px;text-align:center;margin-top: 40px;">热门推荐</h1>
                                                                </div>

                                                                <div class="wrap afs1">
                                                                    <ul class="slidebox" >
                                                                        <li>
                                                                            <a href="#">
                                                                                <img src="img/JiXeiShu/2019081309584236327.jpg" />
                                                                            </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>
                                                                        </li>
                                                                        <li>
                                                                            <a href="#">
                                                                                <img src="img/JiXeiShu/2019121109283182198.jpg" />

                                                                            </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>
                                                                        </li>
                                                                        <li><a href="#"><img src="img/JiXeiShu/2020080309401367570_SMALL.jpg" />

                                                                        </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>



                                                                        </li>
                                                                        <li><a href="#"><img src="img/JiXeiShu/2020101511201436774_SMALL.jpg" />

                                                                        </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div></li>
                                                                        <li><a href="#"><img src="img/JiXeiShu/2019081309584236327.jpg" />
                                                                        </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 30px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>
                                                                        </li>
                                                                        <li><a href="#"><img src="img/JiXeiShu/2019121109283182198.jpg" />
                                                                        </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>
                                                                        </li>
                                                                        <li><a href="#"><img src="img/JiXeiShu/2020080309401367570_SMALL.jpg" />

                                                                        </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>
                                                                        </li>
                                                                        <li><a href="#"><img src="img/JiXeiShu/2020101511201436774_SMALL.jpg" />
                                                                        </a>
                                                                            <div style="width: 150px;height: 50px;float: left;margin: -100px 0px 0px 130px;">
                                                                                <p class="desc"  >机械师F117-7 11代新品金属游戏本</p>
                                                                                <p class="price" style="width: 200px;height: 50px;float: left;margin: 10px 0px 0px 70px;"><span class="num">¥6799</span>元<span>起</span></p>
                                                                            </div>
                                                                        </li>

                                                                    </ul>
                                                                </div>
                                                                <div style="width: 293px;height: 150px;float: left;margin: 0px 0px 0px 930px;background-color: #DAE0E5;color: #CC830D;">
                                                                    <h1 style="font-size: 30px;text-align:center;margin-top: 40px;">更多</h1>
                                                                </div>



                                                            </div>


                                                            <div style="margin: -450px 0px 0px 0px;float: left;width: 1200px;">
                                                                <div>
                                                                    <li style="width: 250px;height: 300px;margin-top:155px" class="brick-item brick-item-m brick-item-m-2">
                                                                        <a href="#" target="_blank">
                                                                            <div class="figure figure-img">
                                                                                <img width="160" height="160" alt="黑鲨4S"
                                                                                     src="img/JiXeiShu/2019072505051083085_SMALL.jpg">
                                                                            </div>
                                                                            <h3 class="title">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc">机械师F117-7 11代新品金属游戏本12123123</p>
                                                                            <p class="price">
                                                                                <span class="num">¥6799</span>元<span>起</span>
                                                                            </p>
                                                                        </a>
                                                                    </li>


                                                                    <li  style="width: 200px;margin-top:55px" class="brick-item brick-item-m brick-item-m-2" th:each="h,v: ${int1}"th:if="${h.spid==11}">
                                                                        <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                                                            <div  class="figure figure-img">
                                                                                <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}" style="width: 190px;" width="100" height="100">
                                                                            </div>
                                                                            <h3 class="title">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc"th:text="${h.name}" ></p>
                                                                            <p class="price">
                                                                                <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                                            </p>
                                                                        </a>
                                                                    </li>
                                                                    <li class="brick-item brick-item-m brick-item-m-2" style="display: none" th:each="h,v: ${int1}"th:if="${h.spid!=11}">
                                                                        <a href="#" target="_blank">
                                                                            <div class="figure figure-img">
                                                                                <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}" width="160" height="160" alt="黑鲨4S"
                                                                                   >
                                                                            </div>
                                                                            <h3 class="title">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc"th:text="${h.name}" ></p>
                                                                            <p class="price">
                                                                                <span class="num" th:text="${h.price}"></span>元<span>起</span>
                                                                            </p>
                                                                        </a>
                                                                    </li>

                                                                </div>


                                                            </div>



                                                            <div style="float: left;">
                                                                <div class="home-banner-box">
                                                                    <a href="#" target="_blank">
                                                                        <img alt="test" width="1226" height="120" src="img/JiXeiShu/2020061009120497941.jpg" lazy="loaded">
                                                                    </a>

                                                                </div>
                                                                <h1 style="text-align: center;">电竞健康</h1>
                                                                <h2 style="text-align:center;" class="title">— 机械师用心呵护您的健康 —</h2>
                                                                <div>
                                                                    <li th:each="h,v: ${int1}" th:if="${h.spid==12}" class="brick-item brick-item-m brick-item-m-2">
                                                                        <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                                                            <div class="figure figure-img">
                                                                                <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"

                                                                                     width="220" height="220"
                                                                                >
                                                                            </div>
                                                                            <h3 class="title" style="color: crimson">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc" style="color: black" th:text="${h.name}"></p>
                                                                            <p class="price">
                                                                                <span class="num" th:text="${h.price}">¥6799</span>元<span>起</span>
                                                                            </p>
                                                                            <p style="color:#cecece;text-align: center">
                                                                                <span  th:text="${h.xinghaoname}"></span>
                                                                            </p>
                                                                        </a>
                                                                    </li>
                                                                    <li th:each="h,v: ${int1}" th:if="${h.spid!=12}" style="display: none" >
                                                                        <a href="#" target="_blank">
                                                                            <div class="figure figure-img">
                                                                                <img width="220" height="220" alt="黑鲨4S"
                                                                                     src="img/JiXeiShu/2021051111070615182_SMALL.jpg">
                                                                            </div>
                                                                            <h3 class="title" style="color: crimson">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc" style="color: black">机械师F117-7 11代新品金属游戏本</p>
                                                                            <p class="price">
                                                                                <span class="num">¥6799</span>元<span>起</span>
                                                                            </p>
                                                                        </a>
                                                                    </li>

                                                                </div>









                                                                <!--222-->
                                                                <h1 style="margin: 0px 0px 0px 10px;float: left;height: 30px;width: 1226px;">热评产品</h1>
                                                                <div>
                                                                    <li th:each="h,v: ${int1}" th:if="${h.spid==13}" class="brick-item brick-item-m brick-item-m-2">
                                                                        <a th:each="htu,v:${ints1}" th:if="${htu!=1}" th:href="@{'/goodsPage?uid='+${htu.id}+'&gid='+${h.spid1}}" target="_blank">
                                                                            <div class="figure figure-img">
                                                                                <img th:src="@{'img/JiXeiShu/'+${h.mainimage}}"

                                                                                     width="220" height="220"
                                                                                >
                                                                            </div>
                                                                            <h3 class="title" style="color: crimson">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc" style="color: black" th:text="${h.name}"></p>
                                                                            <p class="price">
                                                                                <span class="num" th:text="${h.price}">¥6799</span>元<span>起</span>
                                                                            </p>
                                                                            <p style="color:#cecece;text-align: center">
                                                                                <span  th:text="${h.xinghaoname}"></span>
                                                                            </p>
                                                                        </a>
                                                                    </li>
                                                                    <li th:each="h,v: ${int1}" th:if="${h.spid!=13}" style="display: none" >
                                                                        <a href="#" target="_blank">
                                                                            <div class="figure figure-img">
                                                                                <img width="220" height="220" alt="黑鲨4S"
                                                                                     src="img/JiXeiShu/2021051111070615182_SMALL.jpg">
                                                                            </div>
                                                                            <h3 class="title" style="color: crimson">
                                                                                新品
                                                                            </h3>
                                                                            <p class="desc" style="color: black">机械师F117-7 11代新品金属游戏本</p>
                                                                            <p class="price">
                                                                                <span class="num">¥6799</span>元<span>起</span>
                                                                            </p>
                                                                        </a>
                                                                    </li>

                                                                </div>
                                                                <h1 style="">品牌视频专区</h1>




                                                            </div>
                                                        </ul>
                                                    </div>
                                                </div>


                                            </div>
                                        </ul>
                                    </div>
                                </div>


                            </div>
                            </div>
                        </ul>
                    </div>
                </div>

                <div class="home-video-box xm-plain-box">

                    <div class="box-hd">
                        <h2 class="title">视频</h2>
                        <div class="more" style="height:  100px">
                            <h1 class="more-link" style="margin: 150px 0px 0px 30px;font-size: 20px;width: 100PX;">更多》</h1>
                        </div>
                        <div class="more" style="height:  100px">
                            <h1   class="more-link" style="margin: 150px 0px 0px -1200px;font-size: 30px;width: 100PX;">笔记本</h1>
                        </div>
                        <div class="more" style="height:  100px">
                            <h1   class="more-link" style="margin: 150px 0px 0px -1000px;font-size: 20px;width: 100PX;">T58</h1>
                        </div>
                        <div class="more" style="height:  100px">
                            <h1   class="more-link" style="margin: 150px 0px 0px -900px;font-size: 20px;width: 100PX;">F117</h1>
                        </div>
                        <div class="more" style="height:  100px">
                            <h1   class="more-link" style="margin: 150px 0px 0px -800px;font-size: 20px;width: 100PX;">T90</h1>
                        </div>
                        <div class="more" style="height:  100px">
                            <h1   class="more-link" style="margin: 150px 0px 0px -700px;font-size: 20px;width: 100PX;">PX780</h1>
                        </div>





                        <div class="more" style="height:  100px">
                            <h1 class="more-link" style="margin:1180px 0px 0px 30px;font-size: 20px;width: 100PX;">更多》</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin:1180px 0px 0px -1200px;font-size: 30px;width: 100PX;">笔记本</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 1180px 0px 0px -1000px;font-size: 20px;width: 100PX;">T58</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 1180px 0px 0px -900px;font-size: 20px;width: 100PX;">F117</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 1180px 0px 0px -800px;font-size: 20px;width: 100PX;">T90</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 1180px 0px 0px -700px;font-size: 20px;width: 100PX;">PX780</h1>
                        </div>




                        <div class="more" style="height: 100px">
                            <h1 class="more-link" style="margin:2200px 0px 0px 30px;font-size: 20px;width: 100PX;">更多》</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin:2200px 0px 0px -1200px;font-size: 30px;width: 100PX;">笔记本</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 2200px 0px 0px -1000px;font-size: 20px;width: 100PX;">T58</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 2200px 0px 0px -900px;font-size: 20px;width: 100PX;">F117</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 2200px 0px 0px -800px;font-size: 20px;width: 100PX;">T90</h1>
                        </div>
                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 2200px 0px 0px -700px;font-size: 20px;width: 100PX;">PX780</h1>
                        </div>








                        <div class="more" style="height: 100px">
                            <h1   class="more-link" style="margin: 4170px 0px 0px 110px;font-size: 20px;width: 100PX;height:100px;float: left;">查看更多></h1>
                        </div>

                    </div>

                    <div class="box-bd clearfix">
                        <ul class="video-list clearfix">
                            <li class="video-item ">
                                <a href="javascript: void(0);" title="点击播放视频">
                                    <div class="figure figure-img">
                                        <img width="296" height="180" alt="2021年春季新品发布会第一场"
                                             src="img/home/leijun.jpg"><span class="play">
												<i class="iconfont-play"></i></span>
                                    </div>
                                    <h3 class="title">
                                        2021年春季新品发布会第一场
                                    </h3>
                                    <p class="desc"></p>
                                </a>
                            </li>
                            <li class="video-item ">
                                <a href="javascript: void(0);" title="点击播放视频">
                                    <div class="figure figure-img">
                                        <img width="296" height="180" alt="Redmi 10X系列发布会"
                                             src="img/home/leijun.jpg">
                                        <span class="play">
												<i class="iconfont-play"></i></span>
                                    </div>
                                    <h3 class="title">
                                        Redmi 10X系列发布会
                                    </h3>
                                    <p class="desc">
                                        Redmi 10X系列发布会
                                    </p>
                                </a>
                            </li>
                            <li class="video-item ">
                                <a href="javascript: void(0);" title="点击播放视频">
                                    <div class="figure figure-img">
                                        <img width="296" height="180" alt="小米10 青春版 发布会" src="img/home/leijun.jpg">
                                        <span class="play"><i class="iconfont-play"></i></span>
                                    </div>
                                    <h3 class="title">
                                        小米10 青春版 发布会
                                    </h3>
                                    <p class="desc"></p>
                                </a>
                            </li>
                            <li class="video-item ">
                                <a href="javascript: void(0);" title="点击播放视频">
                                    <div class="figure figure-img">
                                        <img width="296" height="180" alt="小米10 8K手机拍大片" src="img/home/leijun.jpg">
                                        <span class="play"><i class="iconfont-play"></i></span>
                                    </div>
                                    <h3 class="title">
                                        小米10 8K手机拍大片
                                    </h3>
                                    <p class="desc"></p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div>
            <div class="site-footer">
                <div class="container">
                    <div class="footer-service">
                        <ul class="list-service clearfix">
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-tool"></em>官方正品
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-circle-7"></em>7天无理由退货
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-circle-15"></em>15天免费换货
                                </a>
                            </li>
                            <li><a rel="nofollow" href="#" target="_blank">
                                <em class="iconfont-gift"></em>
                                <span id="J_footerPrice">闪电配送</span>
                            </a>
                            </li>
                            <li><a rel="nofollow" href="#" target="_blank">
                                <em class="iconfont-location"></em>售后无忧
                            </a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-links clearfix">
                        <dl class="col-links col-links-first">
                            <dt>帮助中心</dt>
                            <dd><a href="https://www.machenike.com/help/21.html" title="联系我们" target="_blank">联系我们</a></dd>
                            <dd><a href="https://www.machenike.com/help/26.html" title="品牌介绍" target="_blank">品牌介绍</a></dd>
                            <dd><a href="https://www.machenike.com/help/27.html" title="营业执照" target="_blank">营业执照</a></dd>
                            <dd><a href="https://www.machenike.com/help/28.html" title="版权声明" target="_blank">版权声明</a></dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>服务保证</dt>
                            <dd><a href="https://www.machenike.com/help/22.html" title="服务标准" target="_blank">服务标准</a></dd>
                            <dd><a href="https://www.machenike.com/help/23.html" title="售后保修" target="_blank">售后保修</a></dd>
                            <dd><a href="https://www.machenike.com/help/24.html" title="驱动下载" target="_blank">驱动下载</a></dd>
                            <dd><a href="https://www.machenike.com/help/25.html" title="线下体验店" target="_blank">线下体验店</a></dd>
                            <dd><a href="https://www.machenike.com/help/29.html" title="用户协议" target="_blank">用户协议</a></dd>
                            <dd><a href="https://www.machenike.com/help/30.html" title="隐私保护" target="_blank">隐私保护</a></dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>会员中心</dt>
                            <dd><a href="https://www.machenike.com/help/14.html" title="我的订单" target="_blank">我的订单</a></dd>
                            <dd><a href="https://www.machenike.com/help/6.html" title="我的收藏" target="_blank">我的收藏</a></dd>
                            <dd><a href="https://www.machenike.com/help/5.html" title="资金管理" target="_blank">资金管理</a></dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>配送与支付</dt>
                            <dd><a href="https://www.machenike.com/help/2.html" title="支付方式说明" target="_blank">支付方式说明</a></dd>
                            <dd><a href="https://www.machenike.com/help/8.html" title="配送支付" target="_blank">配送支付</a></dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>新手上路</dt>
                            <dd><a href="https://www.machenike.com/help/18.html" title="购物流程" target="_blank">购物流程</a></dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>特色服务</dt>
                            <dd><a rel="nofollow" href="#" target="_blank">F 码通道</a></dd>
                            <dd><a rel="nofollow" href="#" target="_blank">礼物码</a></dd>
                            <dd><a rel="nofollow" href="#" target="_blank">防伪查询</a></dd>
                        </dl>
                        <div class="col-contact">
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">官方微博</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/guanweibo.png" width="79px" alt=""></a>
                            </div>
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">绑定设备</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/gongzhonghao.png" width="79px" alt=""></a>
                            </div>
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">微信订阅号</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/dingyue.jpg" width="79px" alt=""></a>
                            </div>
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">机械师抖音</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/douying1.png" width="79px" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-info">
                <div class="container">
                    <div class="logo ir">小米官网</div>
                    <div class="info-text">
                        <span>友情链接 : </span>
                        <div class="links-wrap" style="width: 900px;">
                            <a href="https://gamepp.com" title="游戏加加" target="_blank_">游戏加加</a>
                            <a href="http://www.jixunjsq.com" title="极迅加速器" target="_blank_">极迅加速器</a>
                            <a href="https://www.shenyou.cn/" title="神游网" target="_blank_">神游网</a>
                            <a href="https://www.zywjw.com/" title="专业玩家" target="_blank_">专业玩家</a>
                            <a href="http://www.xitong520.com" title="win10系统" target="_blank_">win10系统</a>
                        </div><p class="sites">
                        <a rel="nofollow" href="#" target="_blank">北京互联网法院法律服务工作站</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">中国消费者协会</a>
                        <span class="sep">|</span> <a rel="nofollow" href="#" target="_blank">北京市消费者协会</a>
                    </p>
                        <p>
                        <p id="copyright_desc"></p>
                        <p>
                            <a id="copyright_companyname" href="javascript:;" target="_blank"></a>
                            <span id="copyright_meta"></span>
                        </p>
                        <p id="web_gov_record_wap">
                            <a href="javascript:;" target="_blank">
                                <img src="/public/static/images/gov_record.png" alt="公安备案">
                                <span></span>
                            </a>
                        </p>
                        </p>
                    </div>
                    <div class="info-links">
                        <a rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="img/home/truste.png" alt="TRUSTe Privacy Certification"></a>
                        <a rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="img/home/v-logo-2.png" alt="诚信网站"></a>
                        <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="img/home/icon3.png" alt="可信网站"></a>
                        <a rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="img/home/jingying.png" alt="诚信经营 放心消费"></a>
                        <a rel="nofollow" href="#" class="safe-auth J_safeAuth">
                            <img rel="nofollow" src="img/home/yifuwu.png" class="img1">
                            <img rel="nofollow" src="img/home/wangzhananquan.png" class="img2">
                        </a>
                    </div>
                </div>
                <div class="slogan ir">探索黑科技，小米为发烧而生</div>
            </div>
        </div>
    </div>
    <div data-tool-202110141054 class="home-tool-bar home-tool-bar-large">

        <a href="#" data-tool-202110141054 class="item">
            <div data-tool-202110141054 class="icon">
                <img data-tool-202110141054 src="img/home/gerenzhoxin.png"  class="static">
                <img data-tool-202110141054 src="img/home/gerenzhoxin01.png"  class="hover">
            </div>
            <span data-tool-202110141054 class="text">个人中心</span>
        </a>
        <a href="#" data-tool-202110141054 class="item">
            <div data-tool-202110141054 class="icon">
                <img data-tool-202110141054 src="img/home/shohofuwu.png"  class="static">
                <img data-tool-202110141054 src="img/home/shohofuwu01.png"  class="hover">
            </div>
            <span data-tool-202110141054 class="text">售后服务</span>
        </a>

        <a th:each="h,v:${ints1}" th:if="${h.conferred==4}"  href="http://localhost:9090/home.html" data-tool-202110141054 class="item">
            <div data-tool-202110141054 class="icon">
                <img data-tool-202110141054 src="img/home/kefu.png"  class="static">
                <img data-tool-202110141054 src="img/home/kefu01.png"  class="hover">
            </div>
            <span data-tool-202110141054 class="text">后台</span>
        </a>
        <a th:each="h,v:${ints1}" th:if="${h!=1&&h.role!=4}"  href="" data-tool-202110141054 class="item">
            <div data-tool-202110141054 class="icon">
                <img data-tool-202110141054 src="img/home/kefu.png"  class="static">
                <img data-tool-202110141054 src="img/home/kefu01.png"  class="hover">
            </div>

        </a>
        <a href="#" data-tool-202110141054 class="item">
            <div data-tool-202110141054 class="icon">
                <img data-tool-202110141054 src="img/home/cart.png"  class="static">
                <img data-tool-202110141054 src="img/home/cart-show.png"  class="hover">
            </div>
            <span data-tool-202110141054 class="text">购物车</span>
        </a>
    </div>
</div>

</body>
</html>
